/* 左边img */
html,body{
    height:100%;
}
body{overflow:hidden}
html{overflow-y:scroll;}
html{overflow: auto; }
#leftBox{
    width:375px;
    height:100%;
    float:left;
}
#leftBox>img{
    display: block;
}
/* 右边登录 */
#rightBox{
    height:100%;
    overflow:auto;
}
/* 导航 */
.nav{
    height:100px;
    background:url(../images/logo-mi2.png) no-repeat 20px center;
    background-size: 40px 40px;
    display: flex;
    /* justify-content: space-evenly; */
    align-items: center
}
.nav>span{
    font-size:26px;
    color:#000;
    line-height: 100px;
    padding-left:71px;
}
.nav>ul>li{
    float:left;
    font-size:14px;
    padding:0 11px;
}
.nav>ul>li:first-child{
    padding-left:422px;
}
.nav>ul>li>a{
    color:#000;
}
ol>li{
    display: none;
    padding-left:22px;
    
}
ol>li.active{
    display: block;
}
ol>li>a{
    font-size:14px;
    color:#000;
}
/* 登录 */
.login{
    width:448px;
    height:558px;
    margin:27px 0 0 262px;
}
.login>form{
    padding:50px 0 0 45px;
    box-shadow:0 0 10px  #fbfbfb;
    position: relative;
}
form>i{
    position: absolute;
    top:0;
    right: 0;
    font-size:60px !important; 
    color:#FF6700;
    opacity:0.6;
}
.form-group>label{
    margin-bottom:28px;
    font-size:20px;
    box-sizing: border-box;
}
.form-group>label.active{
    border-bottom:2px solid orangered;
}
.form-group>label:first-child{
    margin-right:22px;
}
.login>span{
    display: inline-block;
    padding-left:45px;
    margin-top:15px;
    color:orangered;
}
.login>span:nth-child(2){
    padding-right:168px;
}
.login>p{
    font-size:16px;
    color:#ccc;
    margin:29px 0 15px 176px;
}
.login .other{
    width:448px;
    display: flex;
    justify-content: center
}
.other>div{
    width:15%;
    text-align: center;
}
.login .other div i{
    font-size:46px !important;
}
/* 版权 */
.footer{
    width:100%;
    text-align: center;
    margin-top:50px;
    color:#ccc;
}